<template>
  <div>
    <ul>
      <li class="ul_li" v-for="(item, index) in shuju" :key="index">
        <div class="monitor_li">
          <div class="monitor_img">
            <svg class="icon" aria-hidden="true">
              <use
                :xlink:href="
                  item['告警'] === 'true'
                    ? '#icon-yanganbaojing'
                    : '#icon-yanganzhengchang'
                "
              ></use>
            </svg>
          </div>
          <div class="equipment">
            <div class="equipment_name">
              <span>{{ item.name }}</span>
            </div>
            <p>
              <span>在线状态</span>
              <span
                class="equipment_state"
                :style="
                  item['告警'] === 'true'
                    ? 'background-color:#fe4d55'
                    : 'background-color:#43f55c'
                "
              >
              </span>
            </p>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ["shuju"],
  data: () => ({
    moreS: false,
  }),
  created() {
    // console.log(this.shuju)
  },
  methods: {},
};
</script>
<style lang="less" scoped></style>
